<div class="profile" ng-controller="ProfileCtrl" ng-init="initProfile()">

  <div ng-include="'angular/template/include/toptip.html'">

  </div>

  <div class="fixed fixed-top top-margin-20">
    <div class="text-center clearfix index-header relative">
      
        <img class="pull-left horizontal-margin-20" src="angular/images/logo.png" alt="logo"/>
        <div class="pull-left text-center info">
          <p>{{customer.profile.nickName}}</p>
          <p>{{customer.mobile}}</p>
          <p ng-show="customer.profile.nickName == undefined" class="red">请完善用户信息！</p>
        </div>
        <div class="pull-left cleatfix edit-btn">
          <a class="clearfix" href="#/{{customer.id}}/profile/detail" style="width: 100px; height: 100px; display:block;">
         	<span class="icon icon-large icon-edit"></span>
          </a>
        </div>
      
    </div>
    <div class="profile-nav-warp">
      <div class="table profile-nav">
        <!--<div class="table-cell"><a href="#/logout"><span class="icon icon-large icon-task bottom-margin-5"></span><br>登出</a></div>-->
        <div class="table-cell"><a href="#/tasks"><span class="icon icon-large icon-task bottom-margin-5"></span><br>我的任务</a></div>
        <div class="table-cell"><a href="#/{{customer.id}}/profile/wallet"><span class="icon icon-large icon-wallet bottom-margin-5"></span><br>我的钱包</a></div>
        <div class="table-cell"><a href="#/{{customer.id}}/profile/social-accounts"><span class="icon icon-large icon-media bottom-margin-5"></span><br>社交账号</a></div>
      </div>
    </div>
  </div>
  <div class="grid-warp">
    <div class="row text-center">
      <div class="col col-xs-3 padding-10">
        <p class="text-center" ng-class="messageCount == 0 ? '' : 'has-count' " style="font-size: 13px;">
          <a href="#/{{customer.id}}/messages" style="color: #000;">
            <span><span class="icon icon-email"></span><br>站内信</span>
            <span class="count" ng-hide="messageCount == 0">{{messageCount}}</span>
          </a>
        </p>
      </div>
      <!-- <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon icon-more"></span><br>更多</p>
      </div> -->
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>
      <div class="col col-xs-3 padding-10">
        <p class="text-center" style="font-size: 13px;"><span class="icon"></span><br></p>
      </div>

    </div>
  </div>
</div>
